@charset "utf-8";



a:active {outline: none;star:expression(this.onFocus=this.blur());}
*{margin:0;padding:0;list-style:none;outline:none;word-wrap:break-word;}
img{border:none}
table{table-layout:fixed; border-collapse:collapse}
a{ text-decoration:none;}
.fb{ font-weight:bold;}
.fz14{ font-size:14px;}
body{  font-family:"微软雅黑",宋体,Arial; -webkit-text-size-adjust:none;}
body,html{ overflow-x:hidden;}

input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;}
textarea{ -webkit-appearance:none; resize:none; overflow:hidden;}   

.head{ width:100%; height:auto;background:#fff; border-bottom:1px solid #F2F4F6; transition:300ms; position:fixed; left:0; top:0; z-index:98;}


.head .box{ width:1200px; margin:0 auto; height:auto; position:relative; background:#ffffff;}
.head .logo{ width:306px;margin:0; float:left; transition:300ms; padding-top:5px;}
.head .logo:hover{ -webkit-transform:scale(1.1); transform:scale(1.1);}

.nav{ margin:0; padding:0; width:860px; height:auto; float:right; z-index:100;}

.nav li{ margin:0; padding:0;float:left;width:auto; /*IE6 only*/}
.nav li a{margin:0; padding:0;color:#0caddr00;text-decoration:none;line-height:100px;display:block;width:auto; height:auto;padding-left:20px; padding-right:20px;font-size:14px;color:#666666;}
.nav li a:hover,.nav li a.cur{color:#fff;text-decoration:none;background:#007AD8;}
.nav li ul{margin:0; padding:0;display:none;position:absolute; width:240px; background:#fff;}
.nav li ul li{margin:0; padding:0;border-top:1px solid #ccc;width:240px; height:30px; line-height:30px;/*IE6 only*/}
.nav li ul li a{margin:0; padding:0;width:220px; padding-left:20px; height:30px; line-height:30px; text-align:left;font-family:"微软雅黑",宋体,Arial; font-size:12px;background:#007AD8; color:#fff;/*IE6 only*/}
.nav li ul li a:hover{ background:#0069BA; color:#fff;}

.slx{width:auto; margin:0 auto; padding:0; float:right; padding-top:30px; line-height:30px; text-align:right;font-family:"微软雅黑",宋体,Arial; font-size:14px;color:#666;}
#mainmenu{ margin:0 auto; padding:0; width:100%; height:auto; height:40px; margin-top:76px; background:#fff;}


#menu {
	margin: 0 auto;
	width: 100%; max-width:1200px;
	display:block;
	height: 40px;

}

#menu  ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#menu  li,
div.menu li {
	float:left; width:10%; 
	position: relative;
}

#menu a {
	color: #123b60;
	display: block;
	font-size: 14px;
	text-decoration: none; text-align:center;
	line-height: 40px;
	font-weight: 300;
}

#menu ul ul {
	display:none;
	position:absolute;
	top:40px;
	float:left;
	width: 300px;
	z-index: 99999;
}

#menu ul ul li {
	min-width: 180px;	background-color: #b4924b; 

}
#menu ul ul li a{
	padding-left:30px; padding-right:10px; text-align:left;

}

#menu ul ul a {
	background-color: #b4924b; color:#fff; text-align:left;
    height: auto;
    padding-left:40px; padding-right:20px;
    width: 240px; line-height: 40px; font-size:14px;
}
#menu ul ul a:hover {
	background-color: #907232; color:#fff;
}

#menu ul ul ul {
    display: block;
    float: left;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	background-image: url("images/layout/dots-gray.gif");
	background-repeat: repeat;
	background-color: #ffffff;
}

#menu ul ul ul a {
	background-image: url("images/layout/menu-third-level.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
    height: auto;
    line-height: 20px; font-size:12px;
    padding: 0;
    width: 216px;
}

#menu ul ul ul a:hover {
	background-image: url("images/layout/menu-third-level.png");
	background-color: #b4924b;
	background-position: 0 -21px;
	background-repeat: no-repeat;
}



#menu ul ul ul li.last a {
	border-bottom: none;
}


#menu ul ul li.last {
    border-bottom: 1px solid #C8DDED;
}

#menu ul ul ul li.last {
    border-bottom: none;
}

#menu li:hover > a {
	background-color: #b4924b;
	color: #ffffff;
}

#menu ul ul:hover > a {
	background: #b4924b;
	color: #ffffff;
}

#menu ul li:hover > ul {
	display:block;
}
#menu ul li.current_page_item > a,
#menu ul li.sel > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
	background-color: none;
	background-position: 0 -21px;
}

#menu ul ul li.current_page_item > a,
#menu ul ul li.sel > a {
	background-color: none;

}
#menu ul ul li.sel > a:hover {
	color:#fff;
}

* html #menu ul li.current_page_item a,
* html #menu ul li.sel a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
	font-weight: bold; color:#fff;
	text-decoration: underline;
}


.container{
max-width: 1200px;
width: 100%;
margin: 0 auto; margin-top:80px;
font-size: 14px;
}




#banner{ margin:0 auto; padding:0; width:100%; height:auto;}




.navBtn{ display:none; width:46px; height:42px; overflow:hidden; background:#b4924b; position:fixed; right:10px; top:15px; z-index:99;}
.navBtn .line{ width:26px; height:2px; overflow:hidden; background:#fff; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; position:absolute; left:10px; top:0;}
.navBtn .line1{ top:11px; transition:300ms;}
.navBtn .line2{ top:20px; transition:300ms;}
.navBtn .line3{ top:29px; transition:300ms;}

.navShow{ transition:400ms;}
.navShow .line1{ top:20px; transition:300ms 100ms; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.navShow .line3{ top:20px; transition:300ms 100ms; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.navShow .line2{ left:100%; transition:140ms;}
.navShow2{ background:#7D3845 url(../images/close.jpg) no-repeat center;}
.navShow2 .line{ display:none;}

.navM{ display:none; width:110%; height:300px; background:#f1f1f1; overflow:hidden; overflow-y:scroll; position:absolute; left:0; top:40px; z-index:9999999999999;}
.navMbox{ width:100%; overflow:hidden; background:#f1f1f1; padding:0 0 100px 0;z-index:9999999999999;}
.navM ul{ width:100%; padding:15px 0 30px 0; margin:0 0 0 -5px; background:#f1f1f1; overflow:hidden;z-index:9999999999999;}
.navM li{ padding:0 6% 0 0; height:40px; line-height:40px; text-align:center; font-family:"微软雅黑","宋体";z-index:9999999999999;}
.navM li a{ width:100%; height:100%; display:inline-block; color:#5a5a5a; text-transform:uppercase; font-size:15px;z-index:9999999999999;}
.navM li a:hover{ color:#0054ab;z-index:9999999999999;}
.searchM{ overflow:hidden; margin:0 20px 0 0;}
.searchBox{ width:370px; overflow:hidden; margin:0 auto;}
.searchM .input{ width:250px; height:14px; font-size:15px; padding:12px 0 12px 10px; border:none; color:#c4c4c4; float:left;}
.searchM .btn{ width:50px;padding: 9px 0px; border:none; background:#6698cc url(../images/search.png) no-repeat center; float:left; cursor:pointer;}

.fixedBody .head{ height:45px; background:#fff; }
.fixedBody .ding{display:none;}

.fixedBody .logo{ width:120px; margin:0; padding-top:10px;}
.fixedBody .tool{ top:-50px;}
.fixedBody .slx{ width:auto;height:30px; margin:0 auto; padding:0; float:right; padding-top:10px; line-height:30px; text-align:right;font-family:"微软雅黑",宋体,Arial; font-size:14px;color:#666;}

.fixedBody #menu{ margin:0 auto;}
.fixedBody .nav{ position:absolute; right:0; height:45px;}
.fixedBody .nav li{ width:auto; line-height:45px; height:45px; text-align:center; position:relative; float:left; }
.fixedBody .nav li p{ width:100%; position:absolute; left:0;}
.fixedBody .nav li .p1{ top:0;}
.fixedBody .nav li .p2{ top:25px; display:none;}
.fixedBody .nav li a{ display:block; color:#5a5a5a;height:45px;  font-size:13px; font-family:"微软雅黑",宋体,Arial; line-height:40px;}
.fixedBody .nav li a:hover,.nav .cur a{ color:#fff;background:#007AD8;}
.fixedBody .nav li.acc a{ display:block; height:30px; color:#fff;background:#007AD8; font-size:12px; font-family:"微软雅黑",宋体,Arial;  border-bottom:3px solid #0054ab; line-height:30px;}
.fixedBody .nav li.acc a:hover,.nav .cur a{ color:#fff;background:#007AD8;}
.fixedBody .nav li ul { width:240px;}
.fixedBody .nav li ul li { height:30px;}

.fixedBody .nav li ul li a{ display:block; color:#fff;background:#007AD8; font-size:12px;  height:30px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:center;}
.fixedBody .nav li ul li a:hover,.nav .cur a{ color:#fff;background:#0069BA;}


#indexfuwu{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}
#indexfuwutitle1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:24px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:center;}
#indexfuwutitle1 span{font-size:16px;font-family:Arial; color:#888; padding-left:10px;}
#indexfuwutitle2{ margin:0 auto; padding:0; width:100%; height:auto;font-size:11px;font-family:Arial; line-height:30px; text-align:center; color:#888;}


#indexfuwu1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:30px; padding-top:30px;}

.aboutIList a:link, .aboutIList a:visited { color: #4c4c4c; }
.aboutIList a:active, .aboutIList a:hover { color: #F4CD34; }
.aboutIList { width: 100%; margin: 0px auto; }
.aboutIList li { float: left; display: block; width: 29%; margin:2%; padding:0; line-height: 1.2; }
.aboutIList a { margin: 0px auto; display: block; text-align: center; }
.aboutIList .img { width: 120px; height: 120px; position: relative; display: block; margin: 0px auto; }
.aboutIList .y1 { background: url(image/ico1.png) no-repeat scroll right 0px; }
.aboutIList .y2 { background: url(image/ico1.png) no-repeat scroll right -120px; }
.aboutIList .y1, .aboutIList .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.aboutIList .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.aboutIList .ico { width: 120px; height: 120px; position: absolute; left: 0; top: 0; background: url(image/ico1.png) no-repeat; z-index: 3; /* -webkit-transition: 0.4s ease 0s;transition: 0.4s ease 0s;*/ }
.aboutIList .i1 { background-position: 0px 0px; }
.aboutIList .i2 { background-position: -120px 0px; }
.aboutIList .i3 { background-position: -240px 0px; }
.aboutIList .zh { color: #000; padding-top: 10px; font-size:18px; }
.aboutIList .en { color: #888; font-size:10px; font-family:Arial; }
.aboutIList .zong { color: #888; font-size:12px; padding-bottom:30px; padding-top:30px; }
.aboutIList a:hover .i1 { background-position: 0px -120px; }
.aboutIList a:hover .i2 { background-position: -120px -120px; }
.aboutIList a:hover .i3 { background-position: -240px -120px; }
.aboutIList a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutIList a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.aboutIList a:hover .zh { color: #b4924b; }
.aboutIList a:hover .en { color: #b4924b; }
.aboutIList a:hover .zong { color: #b4924b; }
.aboutIList a:hover { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }



.newArrivalsIbox { padding-top: 70px; }
.newArrivalsIbox a:link, .newArrivalsIbox a:visited { color: #a3a3a3; }
.newArrivalsIbox a:active, .newArrivalsIbox a:hover { color: #363636; }


.yellow_80 { background: url(../images/yellow_80.png) repeat; background: none rgba(230,180,0,0.8); }
.more-line { width: 37px; height: 37px; display: block; position: relative; }
.more-line .line { display: block; background: #fff; position: absolute; transition: 400ms; -webkit-transition: 400ms; opacity: 0; visibility: hidden; }
.more-line .line-1 { width: 37px; height: 1px; top: 50%; right: 0px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.more-line .line-2 { width: 1px; height: 37px; top: 50%; margin-top: -18px; right: 18px; transform: translateY(30px); -webkit-transform: translateY(30px); }


.iboxT { text-align: center; }
.iboxT .t { color: #b4924b; font-size: 30px; line-height: 1.2; }
.iboxT .by { color: #4c4c4c; font-size: 24px; }
.iboxT .line { height: 2px; width: 120px; display: block; margin: 40px auto 0px; background-color: #4C4C4C; }
.iboxT .line2 { width: 368px; position: relative; padding: 8px 0px; margin: 0px auto; color: #4c4c4c; font-size: 14px; }
.iboxT .line2 .txt { padding: 0px 20px; background-color: #fff; position: relative; z-index: 2; }
.iboxT .line2 .xian { height: 1px; background-color: #e9e9e9; width: 100%; position: absolute; left: 0px; top: 50%; }
.iboxT .line3{}

/*index style*/
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.productIbox { margin-top: 50px; }
.productIbox .item { width: 439px; margin: 0px 7px; text-align:center; }
.productIbox .itemCon { display: block; position: relative; }
.productIbox .itemCon .img { width: 100%; border-radius: 8px; }
.productIbox .itemCon .yellow_80 { position: absolute; left: 2%; top: 2%; width: 96%; height: 96%; border-radius: 8px; transition: 300ms; -webkit-transition: 300ms; transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0; visibility: hidden; }
.productIbox .itemCon .more-line { position: absolute; left: 50%; top: 50%; margin: -18px 0px 0px -18px; }
.productIbox .item:hover .yellow_80 { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.productIbox .item:hover .more-line .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 200ms; -webkit-transition: 300ms ease-in 200ms; }
.productIbox .slick-arrow { width: 74px; height: 74px; display: block; border-radius: 50px; background: url(images/img_btn.png) no-repeat scroll center center; top: 50%; margin-top: -37px; z-index: 100; }
.productIbox .slick-arrow:hover { background-image: url(images/img_btn2.png); }
.productIbox .slick-arrow i { background: url(images/img_l.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productIbox .slick-prev { left: 3%; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.productIbox .slick-next { right: 3%; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.productIbox .slick-prev i { background-image: url(images/img_l.png); }
.productIbox .slick-next i { background-image: url(images/img_r.png); }
.productIbox:hover .slick-prev, .productIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.productIbox-more { padding: 50px 0px; }
.more { display: block; width: 264px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #6c6c6c; margin: 0px auto; position: relative; }
.more .ico { position: absolute; right: 10%; color: #000; top: 0%; height: 100%; transition: 300ms; -webkit-transition: 300ms; }
.more:hover { background-color: #f4f4f4; }
.more:hover .ico { right: 5%; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }





.tab{width:100%; max-width:1200px;margin:30px auto;border:0;}

.tab .title{ margin:0; padding:0; width:50%; height:54px; float:left;font-size:24px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:left;}


.tab ul.menu{ margin:0; padding:0;height:54px; width:50%; float:right;}
.tab ul.menu li{float:right;text-align:center;width:80px;height:32px;color:#595758; margin-right:10px; margin-left:10px;;line-height:32px;list-style:none;font-size:14px;cursor:pointer;}
.tab ul.menu li.hover{border-bottom:2px solid #595758;color:#666;}
.tab ul.menu li.active{border-bottom:2px solid #595758;color:#000;}
.con1,.con2,,.con3,.con4,.con5,.con6,.con7{height:auto;border-top:2px solid #0186D1;margin-top:20px; padding-top:40px;}
.con2,.con3,.con4,.con5,.con6,.con7{display:none;}

.con111{ margin:0; padding:0; width:98%; padding-bottom:20px;font: normal 14px Arial,Arial;  color:#333333; line-height:20px; text-align:left; font-weight: normal;}
.con111 a{font: normal 14px Arial;  color:#333333; line-height:20px; text-align:left; font-weight: normal;}
.con111 a:hover{ text-decoration:underline;}


.boxtex li{ width:32%; height:67px; margin-right:18px; float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px;}
.boxtex li p{ padding:10px; font:normal 13px/24px Arial,Arial; cursor:pointer; color:#ffffff; text-decoration:none; position:absolute; top:0; left:0; line-height:30px; }
.boxtex li a{  float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px; }

.content{
	width:100%; padding-top:30px; margin-top:30px;
	height: auto;
}
.con{
	width: 32%;
	height: auto;
	float: left;
	margin-right: 1%;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer; overflow:hidden;
}
.con img{
	width:100%;
	height: auto;
}
.txt1{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt1 h3{
	font-weight: normal; font-size:12px;
}
.txt1 p{
	font-size: 12px;
	display: block; padding-left:15px; padding-right:15px;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}

.con11{
	width: 24%;
	height: auto;
	float: left;
	margin-right: 1%;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer; overflow:hidden;
}
.con11 img{
	width:100%;
	height: auto;
}


.ilinkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.black-50 { background: url(image/black_50.png) repeat; background: none rgba(180,146,75,0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.projectsIbox a:link, .projectsIbox a:visited { color: #fff; }
.projectsIbox a:active, .projectsIbox a:hover { color: #fff; }
.projectsIbox .item { margin-left: 1%; width: 24%; float: left; display: block; position: relative; color: #fff; background-color: #f2f2f2; text-align: center; overflow: hidden; }
.projectsIbox .item .t { font-size: 17px; line-height: 1.5; }
.projectsIbox .item .by { font-size: 12px; padding-bottom: 35px; }
.projectsIbox .img { position: relative; overflow: hidden; }
.projectsIbox .img img { width: 100%; display: block; }
.projectsIbox .yy { position: absolute; left: 0; bottom: 0; width: 100%; background: url(image/yy.png) repeat-x scroll left top; }
.projectsIbox .con { position: absolute; left: 5%; bottom: 26px; width: 90%; transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); }
.projectsIbox .item .black-50 { opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.projectsIbox .slick-prev, .projectsIbox .slick-next { width: 42px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-color: #d5002a; background-color: rgba(180,146,75,0.8); background-position: center center; background-repeat: no-repeat; }
.projectsIbox .slick-prev { background-image: url(image/img_l.png); left: 0px; transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0; }
.projectsIbox .slick-next { background-image: url(image/img_r.png); right: 0px; transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0; }
.projectsIbox:hover .slick-prev, .projectsIbox:hover .slick-next { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); opacity: 1; }
.partnerIbox { padding: 42px 0px; overflow: hidden; }
.partnerIbox .iboxT { text-align: left; padding: 0px 30px 8px; color: #333333; border-bottom-color: #e0e0e0; }
.partnerIbox .iboxT .slt-bor { left: 30px; margin-left: 0; background-color: #333333; }
.partnerIdemo a:link, .partnerIdemo a:visited { color: #333; }
.partnerIdemo a:active, .partnerIdemo a:hover { color: #D5002A; }
.partnerIdemo { margin: 0px 15px; }
.partnerIdemo .item { float: left; display: block; width: 233px; margin: 0px 15px; text-align: center; text-transform: uppercase; }
.partnerIdemo .img { background-color: #f2f2f2; position: relative; overflow: hidden; }
.partnerIdemo .img img { width: 100%; display: block; }
.partnerIdemo article { padding-top: 10px; line-height: 1.5; }
.partnerIdemo .slick-arrow { width: 26px; height: 26px; top: -78px; z-index: 200; }
.partnerIdemo .slick-arrow i { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.partnerIdemo .slick-prev { right: 45px; }
.partnerIdemo .slick-prev i { background: url(image/img_l2.png) no-repeat scroll center center; }
.partnerIdemo .slick-next { right: 15px; }
.partnerIdemo .slick-next i { background: url(image/img_r2.png) no-repeat scroll center center; }
.partnerIdemo .slick-prev:hover i { background-image: url(image/img_l3.png); }
.partnerIdemo .slick-next:hover i { background-image: url(image/img_r3.png); }
.filler { position: absolute; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: transparent; z-index: 5; }
.filler-left { width: 2px; height: 100%; left: 0%; bottom: 0%; }
.filler-right { width: 2px; height: 100%; right: 0%; top: 0%; }
.filler-top { width: 100%; height: 2px; left: 0%; top: 0%; }
.filler-bottom { width: 100%; height: 2px; right: 0%; bottom: 0%; }
.item:hover .filler { background-color: #da251c; }



    .projectsIbox .item:hover .black-50 { opacity: 1; visibility: visible; }
    .projectsIbox .item:hover .con { bottom: 15%; }
	
.learnMore { display: block; margin: 0px auto; width: 106px; height: 30px; line-height: 30px; border: 1px solid #fff; text-align: center; z-index: 1; position: relative; overflow: hidden; }
.learnMore .txt { background: url(image/learnMore_more2.png) no-repeat scroll right center; display: inline-block;  font-size: 12px; font-weight: bold; color: #fff; -webkit-transition: 400ms; transition: 400ms; }
.learnMore:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; top: 0; background-color: #271918; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.learnMore:hover { border-color: #271918; }
.learnMore:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.learnMore:hover .txt { color: #fff; text-align:center; }



#indexteam{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; background:#f3f3f3; margin-top:40px;}
#indexteam1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexteam11{ margin:0 auto; padding:0; width:100%; height:40px;}
#indexteam111{ margin:0 auto; padding:0; width:auto; height:40px; float:left;font-size:24px;font-family:"微软雅黑",宋体,Arial; line-height:40px; text-align:left; color:#000;}
#indexteam111 span{ color:#888;font-size:18px;font-family:Arial; }

#indexteam112{ margin:0 auto; padding:0; width:auto; float:right; padding-right:20px; height:40px;font-size:14px;font-family:"微软雅黑",宋体,Arial; line-height:40px; text-align:right; color:#000;}
#indexteam112 a{ font-size:14px;font-family:"微软雅黑",宋体,Arial; line-height:40px; text-align:right; color:#000;}
#indexteam112 a :hover{ text-decoration:underline;}

#indexteam12{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px;}

#indexkk{ margin:0 auto; padding:0; width:100%; height:40px;}

#indexvideo{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px; text-align:center;}

#indexvideo1{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}


#indexnewsmain{ margin:0 auto; padding:0; width:100%; height:auto;background:#f2f2f2;padding-top:50px; padding-bottom:50px;}
#indexnews{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; }
#indexnews1{ margin:0; padding:0; width:31%; margin:1%; height:auto; float:left; }
#indexnews11{ margin:0; padding:0; width:96%; padding-left:2%; padding-right:2%;  height:30px;border-bottom:1px dashed #ccc;}
#indexnews111{ margin:0; padding:0; width:70%; padding-left:4%;border-left:2px solid #B4924B; float:left;height:20px; margin-bottom:5px; margin-top:5px;font:16px "微软雅黑","宋体",Arial; color:#000; text-align:left; text-decoration:none; line-height:20px;}
#indexnews111 span{ font:11px Arial; color:#888; text-align:left; text-decoration:none; line-height:20px;}
#indexnews112{ margin:0; padding:0; width:20%; float:right;height:20px; margin-bottom:5px; margin-top:5px;font:12px "微软雅黑","宋体",Arial; color:#888; text-align:right; text-decoration:none; line-height:20px;}
#indexnews112 a{ font:12px "微软雅黑","宋体",Arial; color:#888; text-align:right; text-decoration:none; line-height:20px;}
#indexnews112 a:hover{ color:#000;}
#indexnews12{ margin:0; padding:0; width:100%; height:auto; padding-top:20px;}
#indexnews12 img{ max-width:100%; height:auto;}
#indexnews13{ margin:0; padding:0; width:100%; height:auto;}
#indexnews13 ul { padding:0; margin:0; list-style:none;  border:0; float:left;width:100%; text-align:left;}
#indexnews13 ul li{ float:left;margin:0; padding:0; border:0; height:auto; width:100%; font:12px "微软雅黑","宋体",Arial; color:#A5A5A5; text-align:left;text-decoration:none; }
#indexnews13 ul li a{ margin:0; padding:0; font:12px "微软雅黑","宋体",Arial; color:#A5A5A5; text-align:left; text-decoration:none; line-height:25px; }
#indexnews13 ul li a:hover{margin:0; padding:0; color:#EE8C00;  text-decoration:none; }



#indexsolution{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}
#indexsolutiontitle1{ margin:0 auto; padding:0; width:100%; height:auto;font-size:24px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:center;}
#indexsolutiontitle2{ margin:0 auto; padding:0; width:100%; height:auto;font-size:11px;font-family:Arial; line-height:30px; text-align:center; color:#888;}
#indexsolutioncon{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px;}

#indexcon1{ margin:0 auto; padding:0; width:100%; height:460px; background:#f3f3f3; display:block; max-width:1200px; margin-bottom:30px; margin-top:30px; }
#indexcon11{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; font-size:24px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:center;}
#indexcon12{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:20px; font-size:11px;font-family:Arial; line-height:30px; text-align:center;}

.slider3{ margin:0 auto; padding: 0; width: 100%; height: auto; max-width: 1200px;}
.slider7{ margin:0 auto; padding:0; width:96%; height:auto; padding:2%; padding-top:20px; padding-bottom:30px;}
.slide{ margin:10px 0.5%; padding:0.5%; width:14%; height:auto; float: left; border: 1px solid #e3e3e3;}
.slide img{ max-width: 100%; height: auto;}
.slide1{ margin:0 auto; padding:0; width:30%; padding-right:5%; height:auto; float:right;}
.slide2{ margin:0 auto; padding:0; width:50%; padding-left:5%; height:auto; float:left;}
.slide21{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:20px; border-bottom:1px dashed #888; color:#898989;font-size:30px;  font-family: "微软雅黑",宋体,Arial; line-height:30px; text-align:left;}
.slide22{ margin:0 auto; padding:0; width:100%;height:auto; float:left; padding-top:20px;font-size:14px;  font-family: "微软雅黑",宋体,Arial; line-height:30px; color:#666; text-align:left;}





#conbanner1{ margin:0 auto; padding:0; width:100%; height:auto; display:block; z-index:10;}
#conbanner1 img{ max-width:100%; height:auto; z-index:10;}

#conbanner2{display:none;}
#conbanner2 img{ max-width:100%; height:auto;}


#conabout{ margin:0 auto; padding:0; width:100%; height:auto;  }
#conaboutmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:30px; padding-top:30px;}
#conabout1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; text-align:center;padding-top:30px;}

#conabout2{
	background: url(image/company_25.png) no-repeat center;
	text-align: center;
	font-size: 18px;
	color: #d6b991;
}

#conabout3{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:20px; padding-top:40px;}
#conabout31{ margin:0 auto; padding:0; width:48%; height:auto; float:left;}
#conabout31 img{ max-width:100%; height:auto;}
#conabout32{ margin:0 auto; padding:0; width:50%; height:auto; float:right;font-size:14px;  font-family: "微软雅黑",宋体,Arial; line-height:30px; color:#666; text-align:left;}
#conabout32 p{ font-size:14px;  font-family: "微软雅黑",宋体,Arial; line-height:30px; color:#666; text-align:left;}

.about-sign{
	width: 12px;
	height: 35px;
	padding: 7px 18px 6px;
	background: url(image/bg_sign09.png) no-repeat;
	margin: 65px 0 0 10px;
	position: relative;
}
.about-sign .sign-top{
	width: 12px;
	height: 17px;
	background: url(image/bg_sign07.png) no-repeat;
	position: absolute;
	left: 18px;
	bottom: 24px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
	
}
.about-sign .sign-bot{
	width: 12px;
	height: 17px;
	background: url(image/bg_sign08.png) no-repeat;
	position: absolute;
	left: 18px;
	top: 25px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
}
@keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}
@-webkit-keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}



.about-bg-se{
	padding-top: 601px;
	background: url(image/a2.jpg) no-repeat center top fixed #fff;
}
.bg-white{
	background: #fff;
}
.w1000{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.about-concept-f{
	width: 635px;
	float: left;
	padding: 40px 0 55px;
}
.about-concept-f h2{
	font-size: 22px;
	line-height: 30px;
	color: #333;
	padding-bottom: 30px;
	margin-bottom: 22px;
	background: url(image/name02.png) no-repeat left bottom;
}

.about-concept-r{
	width: 217px;
	float: right;
	margin-top: -92px;
	line-height: 28px;
	color: #898989;
	text-align: right;
}
.about-bg-th{
	padding-top: 601px;
	background: url(image/bg_bg04.jpg) no-repeat center top fixed;
}

.intro{ font-size:14px; line-height:30px;}



.about-photo{
	padding: 351px 0 104px;
	background: url(image/bg_bg05.jpg) no-repeat center top #fff;
	text-align: center;
}
.about-photo h2{
	font-size: 22px;
	line-height: 30px;
	color: #333;
	padding-bottom: 30px;
	margin-bottom: 25px;
	background: url(image/name04.jpg) no-repeat center bottom;	
}
.about-photo span{
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	color: #333;
	padding-bottom: 4px;
	border: 2px solid #666;
	margin: 50px auto 40px;
}
.about-photo p.en{
	font-size: 14px;
	color: #333;
}
.photo-list{
	margin-bottom: 110px;
}
.photo-list .btn{
	width: 48px;
	height: 136px;
	float: left;
	margin: 0 2px;
	cursor: pointer;
}
.photo-list .prev{
	background: url(image/prev01.jpg) no-repeat left center;
}
.photo-list .next{
	background: url(image/next01.jpg) no-repeat left center;
}
.photo-list .btn.hover{
	background-position: -48px center;
}
.photo-list .list{
	width: 782px;
	height: 188px;
	float: left;
	margin: 0 57px;
	position: relative;
	overflow: hidden;
}
.photo-list ul{
	width: 849px;
	float: left;
}
.photo-list li{
	width: 215px;
	height: 188px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 68px;
	display: inline;
}
.photo-list .bg{
	width: 215px;
	height: 136px;
	position: absolute;
	left: 0;
	top: -136px;
	z-index: 2;
	background: #000;
	filter:alpha(opacity=60); 
	opacity: 0.6;
}
.photo-list .sign{
	width: 34px;
	height: 33px;
	position: absolute;
	left: 97px;
	top: -33px;
	z-index: 3;
	background: url(image/sign02.png) no-repeat;
}
.photo-list p{
	line-height: 52px;
	color: #333;
}
.photo-list a:hover p{
	color: #f08200;
}



.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}


/*contact*/


.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}
.loginbg {
  position: relative;
  box-sizing: border-box; min-height:600px;
}

.contact {
  width: 100%;
  background: url(image/mask.png) repeat;
  padding: 5% 0;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contact .wrap {
  width: 72%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 5%;
}

.pi {
  width: 57%;
  box-sizing: border-box;
}
.pi p {
  float: left;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  margin-bottom: 20px;
}
.pi p i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin-right: 10px;
}
.caddr{ float:left; width:60%;}
.ckefu{ float:left; width:35%; padding-left:3%;}
.ctel{ float:left; width:35%; padding-left:3%;}
.ckefu i {
  background: url(image/ckefu.png) no-repeat center;
  background-size: 35px 35px;
}
.ckefu:hover i {
  background: url(image/ckefu02.png) no-repeat center;
  background-size: 35px 35px;
}

.caddr i {
  background: url(image/caddr.png) no-repeat center;
  background-size: 35px 35px;
}
.caddr:hover i {
  background: url(image/caddr02.png) no-repeat center;
  background-size: 35px 35px;
}

.ctel i {
  background: url(image/ctel.png) no-repeat center;
  background-size: 35px 35px;
}
.ctel:hover i {
  background: url(image/ctel02.png) no-repeat center;
  background-size: 35px 35px;
}

.cmail i {
  background: url(image/cmail.png) no-repeat center;
  background-size: 35px 35px;
}
.cmail:hover i {
  background: url(image/cmail02.png) no-repeat center;
  background-size: 35px 35px;
}
.ewm {
  margin-left: 5%;
  width: 38%;
  box-sizing: border-box;
  text-align: center;
  border-left: 1px #86756f solid;
}

.ewmbox {
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5%;
}
.ewmbox img {
  width: 115px;
  height: 115px;
  margin-bottom: 5px;
}
.ewmbox p {
  font-size: 14px;
  color: #fff;
}

.stit h2 {
  font-size: 30px;
  color: #333;
}
.stit i {
  display: block;
  width: 50px;
  height: 2px;
  background-color: #8a8b8b;
  margin-top: 1%;
}




#con{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3; border-top:1px solid #e3e3e3;padding-bottom:40px; padding-top:20px; margin-top:80px;  }
#conmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#confuwu{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}


#confuwu1{ margin:0 auto; padding:0; width:32%; height:auto; margin-right:1%; float:left;}
.confuwu11{ margin:0 auto; padding:0; width:100%; height:auto;transition:688ms; overflow:hidden; position:relative;}
.confuwu11 img{ max-width:100%; height:auto;transition:688ms;}

.confuwu12{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.confuwu12 a{ margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#fff;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none; }
.confuwu12 a:hover{ background:#5b0d11;font-size:14px; color:#fff; }


#confuwu1:hover  .confuwu12{margin:0 auto; padding:0; width:100%; height:50px; display:block; background:#5b0d11;font-size:14px; color:#fff;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#confuwu1:hover  .confuwu11 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}


.two_nav {
  overflow: hidden; margin-top:-8px;
  height: 76px;
  background: #b2934e;
  text-align: center;
  font-size: 0; z-index:20;
  width: 100%;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
}
.two_nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline\;
  *zoom: 1\;
  vertical-align: middle;
  overflow: hidden;
  width: 122px;
  margin-right: 38px;
  font-size: 16px;
  color: #ffffff;
  line-height: 76px;
  text-align: center;
}
.two_nav li:hover,
.two_nav .on {
  background: #9e7b2c;
}


#contitle{ margin:0 auto; padding:0; width:100%; background:url(image/home.png) center left no-repeat;height:auto; padding-left:20px; font-size:12px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:left; text-decoration:none;}

#con1{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:20px; padding-top:30px;}

#conleft{ margin:0; padding:0; width:16%; height:auto;  background:#828282;  padding:2%; float:left;}
#conleft1{ margin:0; padding:0; width:96%; padding:4% 2% 2% 2%;  height:auto; border-bottom:1px solid #DEDEDE;text-align:left;font-size:20px;font-family:"微软雅黑","宋体";color:#fff; }
#conleft2{ margin:0; padding:0; width:96%; padding:4% 2% 0 2%;  height:auto; text-align:right;font-size:18px;font-family:Arial;color:#fff; }
#conleft3{ margin:0; padding:0; width:96%; padding:2%;  height:auto; padding-top:20px; padding-bottom:20px;}
#conleft3 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#conleft3 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft3 ul li a{ margin:0; padding:0;padding-left:20px; display:block; border-bottom:1px dashed #DEDEDE; padding-top:10px; padding-bottom:10px; height:auto; font-size:14px;color:#fff; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;transition: 600ms; -webkit-transition: 600ms; }
#conleft3 ul li a:hover{ color:#fff; background:#5F5F5F; padding-left:30px;	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}

#conleft3 ul li.act a{ margin:0; padding:0;color:#fff; background:#5F5F5F; padding-left:30px;	 display:block; border-bottom:1px dashed #DEDEDE; padding-top:10px; padding-bottom:10px; height:auto; font-size:14px;color:#fff; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;transition: 600ms; -webkit-transition: 600ms; }
#conleft3 ul li.act a:hover{ color:#fff; background:#5F5F5F; padding-left:40px;	
}



#conright{ margin:0; padding:0; width:76%; height:auto; float:right; padding-top:20px; min-height:400px;}
#conright1{ margin:0; padding:0; width:100%; height:auto; float:left; text-align:center;font-size:20px;font-family:"微软雅黑","宋体";color:#000;}
#conright2{ margin:0; padding:0; width:100%; height:auto; float:left; padding-top:20px; text-align:left;font-size:14px;font-family:"微软雅黑","宋体";color:#666; line-height:30px;}
#conright2 td{ border:1px solid #c0c0c0; background:#fff; text-align:center;font-size:14px;font-family:"微软雅黑","宋体";color:#666; line-height:30px;}
#conright2 table{ width:100%;}
#conright2 img{ max-width:100%; height:auto;}

#conright3{ margin:0; padding:0; width:100%; height:auto; float:left; text-align:center;font-size:20px;font-family:"微软雅黑","宋体";color:#000;padding-top:40px;}
#conright4{ margin:0; padding:0; width:100%; height:auto; float:left; text-align:left;font-size:14px;font-family:"微软雅黑","宋体";color:#000; line-height:30px;}


#conrightline{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px dashed #c0c0c0;text-align:left;font-size:20px;font-family:"微软雅黑","宋体";color:#000; line-height:40px; }



#concontact{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:20px; padding-top:30px; max-width:1200px;}
#concontact1{ margin:0 auto; padding:0; width:48%; padding:3%; height:auto; background:#fff; float:left;}
#concontact11{ margin:0 auto; padding:0; width:100%; height:auto;text-align:left;font-size:20px;font-family:"微软雅黑","宋体";color:#000; line-height:40px; }
#concontact12{ margin:0 auto; padding:0; width:100%; height:auto;text-align:left;font-size:14px;font-family:"微软雅黑","宋体";color:#000; line-height:30px; }
#concontact13{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:20px; padding-top:20px;text-align:left;font-size:14px;font-family:"微软雅黑","宋体";color:#000; line-height:30px; }

	
#concontact2{ margin:0 auto; padding:0; width:48%; padding:3%; height:auto; background:#fff; float:right;}

#conmessage{ margin:0 auto; padding:0; width:100%; height:auto;background:#e3e3e3; padding-bottom:40px; padding-top:40px; }
#conmessagemain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

#conmessagemain .title{margin:0 auto; padding:0; width:100%; height:auto;padding-top:30px; float:left;font-size:24px; font-weight:bold; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conmessagemain .title1{margin:0 auto; padding:0; width:100%; height:auto;padding-bottom:30px; float:left;font-size:14px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conmessagemain .main{margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

#conmessagemain form{margin:8px; padding:10px 0;}
#conmessagemain td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微软雅黑","宋体"; font-size:14px; padding-left:10px; padding-right:10px;}

#conmessagemain .tip{font-size:12px; color:#666;}
.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none; float:left;
	width: 130px;
	height: 45px;cursor:hand;
	background-color: #b4924b;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}

.code:hover{
	background-color: #9B161E;
}

.form-box .input-group.textarea-group{width:100%}
.form-box .input-group.textarea-group textarea{display:block;padding:14px;height:240px;width:100%;box-sizing:border-box;resize:none}




.form-box{padding-bottom:.9375rem}
.form-box .input-group{display:block;width:48.88%;padding-bottom:24px}
.form-box .input-group.w100{width:100%;padding-bottom:0}
.form-box .input-group .input-group{padding-bottom:0}
.form-box .input-group .label{padding-bottom:14px;font-family:"微软雅黑","宋体";font-size:16px;color:#888}
.form-box .input-group .input-box{border:1px solid #e5e5e5;box-sizing:border-box}
.form-box .input-group .input-box input{display:block; width:100%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体";}


.form-box .input-group .input-box1{border:0;box-sizing:border-box}
.form-box .input-group .input-box1 input{display:block; width:100%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体";}
.form-box .input-group .input-box1 .yanzhenma{display:block; width:40%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体"; float:left;}
.form-box .input-group .input-box1 .yanzhen{display:block; width:80px;height:50px; margin-left:20px;font-size:14px;font-family:"微软雅黑","宋体"; float:left; text-align:center;}



button,input,textarea{border:none;border-radius:0;outline:none}
button:focus,input:focus,textarea:focus{outline:none}
.ex-more{position:relative;display:block;width:142px;height:36px;margin:0 auto;line-height:34px;border-radius:36px;text-align:center;font-size:12px;font-family:"微软雅黑","宋体";color:#222;background-color:#fffdfd;overflow:hidden;z-index:1;cursor:pointer;transition:all .5s}
.ex-more span{position:relative;vertical-align:middle}
.ex-more::before{content:' ';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;transition:opacity 0.3s ease;background-color:#e60606;opacity:0}
.ex-more.black{color:#fff;background-color:#000}
.ex-more.black span.icon{background:url(image/btn-arrow.png) no-repeat center center}
.ex-more.opa{background-color:transparent;color:#fff}
.ex-more.opa span.icon{background:url(image/btn-arrow.png) no-repeat center center}

.fl {
  float: left;
  /*display: inline;*/
}

.fr {
  float: right;
  /*display: inline;*/
}

.Box {position: relative;z-index: 1031;}
.Box .content {max-width: 1170px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 150px;cursor: pointer;}
.Box .Box_con .btnl {background: url(images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden; max-height:400px;}
.Box .Box_con .conbox ul {position: relative;}
.Box .Box_con .conbox ul li {float: left;width: 260px;height: auto;margin: 1%;text-align:center;overflow: hidden;}
.Box .Box_con .conbox ul li img {display: block;max-width: 100%;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

/*pro end*/

/*job*/
#jobmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#jobmain1{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
#jobmain11{ margin:0 auto; padding:0; width:46%; padding-left:4%; height:auto; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:30px;}
#jobmain11 img{ max-width:100%; height:auto;}
#jobmain2{ margin:0 auto; padding:0; width:46%; height:auto; float:right; padding-top:40px;}
#jobmain2 img{ max-width:100%; height:auto;}
.f20{font-family:"微软雅黑","宋体"; font-size:20px; color:#128adc; line-height:40px;}



.hrT { padding: 15px 2%; width: 92%; margin: 0px auto; }
.join-dl { color: #575757; border-top: 3px solid #e6e6e6; width: 96%; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 3px solid #e6e6e6; height: 22px; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 18px; font-size: 15px; }
.join-dl dt .name { font-size: 16px; line-height:30px;position: absolute; top: 8px;}
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #575757; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); }
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color: #fff; }
.join-dd { padding: 18px 20px 40px; display: none; color: #b0b0b0; font-size: 14px; line-height: 20px; background-color: #f6f8f9; border-bottom: 3px solid #e6e6e6; }
.join-dl dt.joinact { background-color: #979797; color: #fff; }
.hrT a.down { border-bottom: 1px solid #979797; color: #128adc; }



.article{min-height:400px; padding-bottom:100px; padding-top:40px;}
#business{border:1px solid #dfdfdf; background-color: #fff; min-height:700px;}
#business:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#business .business_main{width:50%; float:left; background: url(image/bg_business1.jpg) top center no-repeat; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; padding:30px; min-height:700px;}
#business .business_main strong{color:#fff; font-size:1.938em; font-weight: 300; display: block; margin-bottom: 20px;}
#business .business_main strong span{font-size:20px; display: block;}
#business .business_main strong b{font-weight: 500;}
#business .business_main p{color: #fff; font-size: 14px; text-shadow: -1px 1px 0px rgba(0,0,0,.2); font-weight: 300;}
#business .business_thumbnail{width: 50%; float:right; }
#business .business_thumbnail ul li{display:table; min-height:350px;}
#business .business_thumbnail ul li:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#business .business_thumbnail ul li.t1 .ico{background: url(image/bg_thumbnail1.jpg) center center no-repeat; }
#business .business_thumbnail ul li.t2 .ico{background: url(image/bg_thumbnail2.jpg) center center no-repeat; }
#business .business_thumbnail ul li .ico{display:table-cell; width:50%; vertical-align: middle; text-align: center; }
#business .business_thumbnail ul li .txt{display:table-cell; width:50%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; padding:20px; position:relative;}
#business .business_thumbnail ul li .txt:after {position:absolute; top:50%; width:20px; margin-top:-17px; height:35px; ; content:""; }
#business .business_thumbnail ul li.t1 >*:after{left:-20px; background: url(image/ico_arrow1.png) center center no-repeat}
#business .business_thumbnail ul li.t2 >*:after{right:-20px; background: url(image/ico_arrow2.png) center center no-repeat}
#business .business_thumbnail ul li h4{color:#1f1f1f; font-size: 20px; font-weight: 300; margin-bottom: 10px;}
#business .business_thumbnail ul li p{color: #696969; font-size: 12px; }


.article1{min-height:400px; padding-bottom:100px; padding-top:40px;}
#business1{border:1px solid #dfdfdf; background-color: #fff; min-height:400px;}
#business1:after {display:block;visibility:hidden;clear:both;height:0;content:''}

#business1 .business_thumbnail{width: 100%; float:right; }
#business1 .business_thumbnail ul li{display:table; min-height:200px;}
#business1 .business_thumbnail ul li:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#business1 .business_thumbnail ul li.t1 .ico{background: url(image/m1.jpg) center center no-repeat; }
#business1 .business_thumbnail ul li.t2 .ico{background: url(image/m2.jpg) center center no-repeat; }
#business1 .business_thumbnail ul li .ico{display:table-cell; width:50%; vertical-align: middle; text-align: center; }
#business1 .business_thumbnail ul li .txt{display:table-cell; width:50%; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; padding:20px; position:relative;}
#business1 .business_thumbnail ul li .txt:after {position:absolute; top:50%; width:20px; margin-top:-17px; height:35px; ; content:""; }
#business1 .business_thumbnail ul li.t1 >*:after{left:-20px; background: url(image/ico_arrow1.png) center center no-repeat}
#business1 .business_thumbnail ul li.t2 >*:after{right:-20px; background: url(image/ico_arrow2.png) center center no-repeat}
#business1 .business_thumbnail ul li h4{color:#1f1f1f; font-size: 20px; font-weight: 300; margin-bottom: 10px;}
#business1 .business_thumbnail ul li p{color: #696969; font-size: 12px; }




#history .story {text-align: left;}
#history .story .storyArea{}
#history .story .storyArea .storyTop:after {display:block; clear:both; content:"";}
#history .story .storyArea .storyTop h2{position: relative;float:left; width: 25%; border-top:1px solid #c5c5c5;color: #000; font-size: 1.250em; line-height:70px; padding:0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease;}
#history .story .storyArea .storyTop h2 button{position: absolute; right:10%; top:50%; margin-top: -5px; text-indent:-99999%; background: url(image/btn_his_off.png) no-repeat; width: 21px; height: 11px;}
#history .story .storyArea .storyTop .story_title{float:right; width: 73%; border-top:1px solid #c5c5c5; padding:20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#history .story_lst > ul > li span{float:left; color: #000; font-size: 1.250em; }
#history .story .storyArea .story_lst > ul > li ul{margin-left: 10%; }
#history .story .storyArea .story_lst > ul > li ul li{position: relative; padding-left: 10px; color:#535353; font-size:1em; margin-top: 5px;}
#history .story .storyArea .story_lst > ul > li ul li.first{display:none;}
#history .story .storyArea .story_lst > ul > li ul li:after {position:absolute; left:0; top:0.75em; width:3px; height:1px; background-color:#535353; content:""; }
#history .story .storyArea .story_cont{display: none;padding-left: 27%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-left:20px; }
#history .story .storyArea .story_cont .story_lst > ul{margin-bottom: 27px;}



#history .story .storyArea.on .storyTop h2 button{background: url(image/btn_his_on.png) no-repeat;}
#history .story .storyArea.on .storyTop h2{font-size:2.500em;}
#history .story .storyArea.on .story_lst > ul > li ul li.first{display:block;}
#history .story .storyArea.on .story_lst > ul > li ul li.first {display: block;}
#history .story .storyArea.on .story_lst > ul > li ul li{font-size:1em;}


#history .tab_list {margin-bottom: 50px; border-bottom: 1px solid #4e4e4e; clear: both;  }
#history .tab_list ul{*zoom:1; width:100%;}
#history .tab_list ul:after {display:block;visibility:hidden;clear:both;height:0;content:''}
#history .tab_list li {float:left;position:relative;position:relative;left:0;bottom:-1px;z-index:1;width:180px;text-align:center; background-color: #f8f8f8;}
#history .tab_list li a {display:block;z-index:0;width:100%;padding:12px 0;border-style:solid;border-width:1px 1px 0;border-color:#b7b7b7 #b7b7b7 #222222;font-size:0.875em; border-left:0; color:#949494; letter-spacing:-1px;}
#history .tab_list li:first-child a{border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7}
#history .tab_list li.on a {padding:12px 0 13px;border-color:#4e4e4e #4e4e4e #fff;border-width:1px 1px 0;background:#F7F7F7;color:#222222; border-left:1px solid #202020; }
#history .tab_list li.on {bottom:-1px;z-index:10;padding-right:0px; }



/*shigong*/


.recommend-box{ padding:0; z-index:5; position:relative;}
.recommend-box .line:before{ display:none;}
.recommend-box .line:after{ top:53px;}
.commonlogo{ position:absolute; left:85px; top:16.8%; display:none;}
.commontop{ position:relative; width:226px; height:207px;}
.commontop img{ display:block; width:141px; height:auto; line-height:1; padding-top:13px; position:relative; z-index:5;}
.commontop i{ display:block; width:226px; height:207px; position:absolute; left:0; top:0; background:url(image/logs.png) center no-repeat;}
.commontop span{ display:block; color:#000000; font-size:15px; padding-left:13px; position:absolute; left:0; bottom:0; line-height:1;}
.commoned{ margin-left:12px;}
.commoned h3{ color:#2f318b; font-size:16px; line-height:1; margin-bottom:16px;}
.commoned small{ display:block; color:#646464; line-height:1; margin-bottom:36px; font-family:"helvetica_neue_ltregular";}
.commoned span{ display:block; width:32px; height:9px; background:url(image/arrow2.png) center no-repeat; transition:320ms; position:relative;}
.commoned:hover span{ margin-left:6px;}
.recommend{ width:100%; float:left;position:relative;}
.recommend-list >li{ width:30.86%; float:left; margin-right:3.71%; position:relative; perspective:500px;}
.recommend-list >li:last-child{ margin-right:0;}
.recommend-list >li figure{ display:block; line-height:1; overflow:hidden;}
.recommend-list >li figure img{ display:block; width:100%; height:auto; line-height:1; transition: 0.5s;}
.reconmmendt{ position:absolute; width:100%; height:100%; background:url(image/enterbg.jpg) repeat; transition: 0.5s; transform: rotateX(40deg); z-index:-1; transform-origin: center bottom 0; left:0; opacity:0; bottom: 0; visibility:hidden;}
.reconmmendt:before{ content:""; width:100%; height:4px; background:#f6b37f; position:absolute; left:0; bottom:0; }
.reconmmendt h3{ color:#ffffff; font-size:22px; line-height:1; padding-bottom:12px; position:relative; left:42px; top:44px; font-weight:normal;}
.reconmmendt h3:before{ content:""; width:21px; height:3px; background:#fff; position:absolute; left:0; bottom:0;}
.reconmmendt span{ display:block; width:32px; height:32px; background:url(image/search.png) center no-repeat; position:absolute; left:50%; margin-left:-16px; top:30%; margin-top:-16px;}
.recommend-down{ position:absolute; width:100%; left:0; bottom:30px;}
.reconlist{ float:left; margin-left:42px;}
.reconlist li{ color:#fff; display:block; font-size:13px; line-height:2;}
.recommend-down i{ display:block; width:7px; height:10px; background:url(image/arrow.png) center no-repeat; position:absolute; right:30px; bottom:6px;}
.recommend-list >li:hover .reconmmendt{transform: none; opacity: 1; visibility:visible;}
.recommend-list >li:hover figure img{transform: translateY(-100%)}



.listed { position: relative; }
.groupicon { display: block; width: 110px; height: 68px; background: url(../images/connect.png) center no-repeat; position: absolute; left: 50%; margin-left: -55px; top: 50%; margin-top: -34px; z-index: 12; }
.list-info { width: 48%; float: left; position: relative; overflow: hidden; margin:1%;  }
.list-info figure { display: block; overflow: hidden; line-height: 1; position: relative; }
.list-info figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 0.76s; }
.list-info figure figcaption { display: block; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -44px; transition: 0.45s 0.3s; }
.list-info figure figcaption h3 { color: #fff; font-size: 40px; text-align: center; line-height: 1; margin-bottom: 18px; }
.list-info figure figcaption small { display: block; text-align: center; color: #fff; font-size: 18px; }
.listfix { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.listfix:before { content: ""; width: 0%; height: 0%; position: absolute; left: 50%; top: 50%; background: rgba(255,255,255,0.9); background: #fff\9; filter: alpha(opacity=90); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; transition: 0.67s ease-in-out; }
.listwr { padding: 65px 24% 0; position: relative; z-index: 10; opacity: 0; visibility: hidden; transition: 0.76s; }
.list-title { margin-bottom: 32px; text-align: center; }

.list-title strong { display: inline-block; color: #B2934E; font-size: 30px; line-height: 40px; text-align:center; width:100%;}
.list-title strong:before { content: ""; width: 1; height: 22px; background: #d2d2d2; position: absolute; left: 0%; top: 50%; margin-top: -11px; }
.list-title span { display: inline-block; color: #B2934E; font-size: 20px; line-height: 30px;text-align:center; width:100%; }
.synlaitfix { height: 132px; border-bottom: 1px solid #a0a0a0; }
.synlaitfix p { color: #646464; font-size: 14px; line-height: 22px; font-weight: normal; text-align:center; }
.synla { padding-top: 26px; }
.synla p { color: #646464; font-size: 14px; font-weight: normal; line-height: 2; text-align:center; }
.list-info:hover .listfix { background: #fff\9; }
.list-info:hover .listfix:before { width: 130%; height: 200%; }
.list-info:hover figure figcaption { opacity: 0; visibility: hidden; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); transition: 0.45s; }
.list-info:hover .listwr { opacity: 1; visibility: visible; transition: 0.76s 0.3s; }
.holdimg { padding-top: 70px; padding-left: 72px; position: relative; }
.healthleft .holds { color: #323232; }
.alliance-info { position: relative; width: 33.2%; float: left; margin-right: 0.2%; }
.alliance-info:last-child { margin-right: 0; }
.alliance-info figure { display: block; line-height: 0; overflow: hidden; position: relative; }
.alliance-info figure mark { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); background: #000\9; filter: alpha(opacity=20); position: absolute; left: 0; top: 0; z-index: 5; transition: 0.5s; }
.alliance-info figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 0.65s; }
.alliances { width: 100%; position: absolute; left: 0; top: 50%; transition: 0.56s; height: 66px; margin-top: -33px; transition: 0.65s; z-index: 12; }
.alliances strong { display: block; text-align: center; color: #ffffff; font-size: 24px; line-height: 1.4; transition: 0.56s; }
.allianfix { margin-top: 28px; opacity: 0; visibility: hidden; transition: 0.45s; }
.allianfix p { color: #f3f3f3; font-size: 14px; text-align: center; }
.alliance-info:hover figure mark { background: rgba(13,65,148,0.8); background: #0d4194\9; filter: alpha(opacity=80); }
.alliance-info:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.alliance-info:hover .alliances { height: 220px; margin-top: -110px; }
.alliance-info:hover .alliances strong { color: #f7b15e; transition: 0.56s 0.3s; }
.alliance-info:hover .allianfix { opacity: 1; visibility: visible; }
.automate { margin-top: 7px; padding: 48px 0 70px; background: #fff; }
.automattitle { padding-top: 74px; position: relative; }
.automattitle:before { content: ""; width: 2px; height: 53px; background: #a0a0a0; position: absolute; left: 50%; margin-left: -1px; top: 0; }
.automattitle h4 { display: block; text-align: center; color: #0d4194; font-size: 36px; line-height: 1.4; }
.autolist { margin-top: 80px; }
.autolist li { float: left; text-align: center; width: 14.28%; text-align: center; }
.autolist li figure { width: 44px; height: 38px; margin: auto; text-align: center; position: relative; }
.autolist li figure img { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; }
.autolist li figcaption { display: block; text-align: center; color: #646464; font-size: 14px; line-height: 1; font-weight: bold; margin-top: 38px; }
.autolist li:hover figure img { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }
.autofix { margin-top: 60px; }
.autofix p { color: #646464; font-size: 14px; text-align: center; }
.aspect { position: relative; overflow: hidden; }
.aspect figure { display: block; overflow: hidden; line-height: 0; }
.aspect figure img { display: block; width: 100%; height: auto; line-height: 0; }
.aspectfix { position: absolute; right: 11%; bottom: 35px; width: 240px; }
.aspectfix p { color: #0d4194; font-size: 14px; font-weight: bold; font-family: "微软雅黑"; margin-bottom: 24px; }
.aspectfix small { display: inline-block; color: #0d4194; font-size: 20px; font-family: "Arial"; font-weight: bold; line-height: 1.2; padding: 6px 0; border-top: 2px solid #0d4194; border-bottom: 2px solid #0d4194; }



#wrapper{margin-top:30px;width:100%;}
#wapp{ margin:0 auto; padding:0;width:100%; height:auto;font-size:24px; line-height:40px; padding-bottom:15px; padding-top:15px; color:#fff; text-align: center; background:#B2934E;}


#container{position:relative;width:100%; max-width:1200px;margin:0 auto 25px;padding-bottom:10px;}
#container1{position:relative;width:100%; max-width:1200px;margin:0 auto 25px;padding-bottom:10px;}
#container2{position:relative;width:100%; max-width:1200px;margin:0 auto 25px;padding-bottom:10px;}
.grid{width:188px;min-height:100px;padding:15px;background:#fff;margin:8px;font-size:12px;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid p{font-size:14px; line-height:20px; color:#666;}
.grid .meta{text-align:right;color:#777;font-style:italic;}
.grid .imgholder img{max-width:100%;background:#ccc;display:block;background:url(images/loding.gif) no-repeat center;}</style>


/****************产业服务*************/
.industrial-service{
	width: 100%;
}
.industrial-service.m-wrap{
	padding: 0;
}
.industrial-service ul{
	width: 100%;
}
.industrial-service li{
	width: 100%; float:left;
}
.industrial-service li .imgbox{
	display: block;
	width: 50%;
	position: relative;
}
.industrial-service.m-wrap li .imgbox{
	width: 100%;
}
.industrial-service li .imgbox img{
	display: block;
	width: 100%;
}
.industrial-service li .contbox{
	padding: 100px 13% 0 10%;
	width: 26%;
}
.industrial-service.m-wrap li .contbox{
	padding: 18px 4.7% 13px;
	width: 90.6%;
}
.industrial-service.owrap li .contbox{
	padding: 62px 12% 0 10%;
	width: 28%;
}
.industrial-service.twrap li .contbox{
	padding: 62px 10% 0 10%;
	width: 29%;
}
.industrial-service li .f48{
	font-size: 42px;
	display: block;
	line-height: 50px;
}
.industrial-service.owrap li .f48{
	font-size: 34px;
	line-height: 40px;
}
.industrial-service.twrap li .f48{
	font-size: 34px;
	line-height: 40px;
}
.industrial-service li .f48 a{
	color: #035cac;
}
.industrial-service.m-wrap li .f48{
	font-size: 18px;
	line-height: 22px;
}
.industrial-service li .f18{
	display: block;
	line-height: 36px;
}
.industrial-service.m-wrap li .f18{
	line-height: 18px;
	font-size: 12px;
}
.industrial-service li .word{
	display: block;
	line-height: 20px;
	margin-top: 10px;
}
.industrial-service li .word p{
font-size:12px; color:#666;}

.industrial-service.owrap li .word{
	margin-top: 5px;
	line-height: 22px;
}
.industrial-service.twrap li .word{
	margin-top: 5px;
	line-height: 22px;
	display: none;
}
.industrial-service.m-wrap li .word{
	font-size: 12px;
	line-height: 18px;
	margin-top: 7px;
}
.industrial-service li .word a:hover{
	color: #035cac;
}
.industrial-service li .more{
	display: inline-block;
	padding-right: 53px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	background: url(image/ico_31.png) no-repeat right center;
	background-size:30px; 
	margin-top: 20px;
}
.industrial-service li .more:hover{

}
.industrial-service.owrap li .more{
	margin-top: 10px;
}
.industrial-service.twrap li .more{
	margin-top: 10px;
}
.industrial-service.m-wrap li .more{
	margin-top: 12px;
	padding-right: 40px;
	background-size: auto 80%;
}
.industrial-service li .more:hover{
	color: #035cac;
	background: url(image/ico_103.png) no-repeat right center;
	background-size: 30px;
	/*background-size: auto 80%;*/
}
.industrial-service.m-wrap li .more:hover{
	background: url(image/ico_103.png) no-repeat right center;
	background-size: auto 80%;
}
.industrial-service li .upbox{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(image/bg_09.png) repeat center;
	display: none;
}
.industrial-service li .upbox .ico{
	width: 22px;
	height: 15px;
	background: url(image/ico_83.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 9%;
	display: none;
}
.industrial-service.m-wrap li .upbox .ico{
	display: block;
}
.industrial-service.m-wrap li .upbox{
	display: block;
}
.industrial-service li .upbox a{
	display: inline-block;
	padding-right: 70px;
	font-size: 18px;
	color: #fff;
	line-height: 38px;
	background: url(image/ico_54.png) no-repeat right center;
	margin-right: 108px;
}
.industrial-service li .upbox a:hover{
	opacity: 0.8;
	filter:Alpha(opacity=80);
}
.industrial-service.owrap li .upbox a{
	margin-right: 60px;
}
.industrial-service.twrap li .upbox a{
	margin-right: 30px;
}
.industrial-service.m-wrap li .upbox a{
	font-size: 12px;
	padding-right: 40px;
	margin-right: 50px;
	background-size: auto 80%;
}
.industrial-service li .upbox .box{
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%; color:#fff; font-size:18px;
}
.industrial-service.m-wrap li .upbox .box{
	margin-top: -19px;
}


#contact{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#contactleft{ margin:0 auto; padding:0; width:50%; height:auto; float:left;}
#contactleft img{ max-width:100%; height:auto;}
#contactright{ margin:0 auto; padding:0; width:46%; height:auto; float:right;}
#contactright1{ margin:0 auto; padding:0; width:100%; height:auto;padding-top:30px; float:left;font-size:24px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
#contactright2{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:30px; float:left;font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}

#contactright2 strong{ font-size:18px; font-weight:bold;}


#conmessage{ margin:0 auto; padding:0; width:100%; height:auto;background:#f3f3f3; padding-bottom:40px; padding-top:40px; }
#conmessagemain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

#conmessagemain .title{margin:0 auto; padding:0; width:100%; height:auto;padding-top:30px; float:left;font-size:24px; font-weight:bold; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conmessagemain .title1{margin:0 auto; padding:0; width:100%; height:auto;padding-bottom:30px; float:left;font-size:14px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
#conmessagemain .main{margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}

#conmessagemain form{margin:8px; padding:10px 0;}
#conmessagemain td{ height:30px; padding-top:5px; padding-bottom:5px;font-family:"微软雅黑","宋体"; font-size:14px; padding-left:10px; padding-right:10px;}

#conmessagemain .tip{font-size:12px; color:#666;}


.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none; float:left;
	width: 130px;
	height: 45px;cursor:hand;
	background-color: #888888;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}

.code:hover{
	background-color: #666;
}

.form-box .input-group.textarea-group{width:100%}
.form-box .input-group.textarea-group textarea{display:block;padding:14px;height:240px;width:100%;box-sizing:border-box;resize:none}




.form-box{padding-bottom:.9375rem}
.form-box .input-group{display:block;width:48.88%;padding-bottom:24px}
.form-box .input-group.w100{width:100%;padding-bottom:0}
.form-box .input-group .input-group{padding-bottom:0}
.form-box .input-group .label{padding-bottom:14px;font-family:"微软雅黑","宋体";font-size:16px;color:#888}
.form-box .input-group .input-box{border:1px solid #e5e5e5;box-sizing:border-box}
.form-box .input-group .input-box input{display:block; width:100%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体";}


.form-box .input-group .input-box1{border:0;box-sizing:border-box}
.form-box .input-group .input-box1 input{display:block; width:100%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体";}
.form-box .input-group .input-box1 .yanzhenma{display:block; width:40%;height:22px;padding:13px 0;font-size:14px;font-family:"微软雅黑","宋体"; float:left;}
.form-box .input-group .input-box1 .yanzhen{display:block; width:80px;height:50px; margin-left:20px;font-size:14px;font-family:"微软雅黑","宋体"; float:left; text-align:center;}



button,input,textarea{border:none;border-radius:0;outline:none}
button:focus,input:focus,textarea:focus{outline:none}
.ex-more{position:relative;display:block;width:142px;height:36px;margin:0 auto;line-height:34px;border-radius:36px;text-align:center;font-size:12px;font-family:"微软雅黑","宋体";color:#222;background-color:#fffdfd;overflow:hidden;z-index:1;cursor:pointer;transition:all .5s}
.ex-more span{position:relative;vertical-align:middle}
.ex-more::before{content:' ';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;transition:opacity 0.3s ease;background-color:#e60606;opacity:0}
.ex-more.black{color:#fff;background-color:#000}
.ex-more.black span.icon{background:url(image/btn-arrow.png) no-repeat center center}
.ex-more.opa{background-color:transparent;color:#fff}
.ex-more.opa span.icon{background:url(image/btn-arrow.png) no-repeat center center}

.fl {
  float: left;
  /*display: inline;*/
}

.fr {
  float: right;
  /*display: inline;*/
}

/*news*/
.downlist{ margin:0 auto; padding:0; width:96%; padding-left:2%; padding-right:2%; height:40px; border-bottom:1px solid #c8c8c8;}
.downlist1{ margin:0; padding:0; width:70%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:left; color:#000;}
.downlist1 a{ font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:left; color:#000;}
.downlist1 a:hover{ text-decoration:underline;}
.downlist2{ margin:0; padding:0; width:10%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:center; color:#666;}
.downlist3{ margin:0; padding:0; width:10%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:center; color:#666;}
.downlist4{ margin:0; padding:0; width:80px; height:30px; margin-top:5px;  display:block; float:right;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px; text-align:center; color:#888;}
.downlist4 a{  margin:0; padding:0; width:80px; height:30px;  border:1px solid #e3e3e3; display:block;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px; text-align:center; color:#888;}
.downlist4 a:hover{ background:#333; color:#fff;}

.downlista{ margin:0 auto; padding:0; width:96%; padding-left:2%; padding-right:2%; height:40px; background:#787878;}

.downlist11{ margin:0; padding:0; width:70%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:left; color:#fff;}
.downlist12{ margin:0; padding:0; width:10%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:center; color:#fff;}
.downlist13{ margin:0; padding:0; width:10%; height:40px; float:left;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:center; color:#fff;}
.downlist41{ margin:0; padding:0; width:80px; height:40px;  display:block; float:right;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px; text-align:center; color:#fff;}



/*pro*/
.in-wrap,
.pro-wrap{
	width: 100%; max-width:1200px;
	padding-top: 18px; 
}
.pro-wrap ul{
	width: 100%; max-width:1200px;
	top: 18px;
}
.pro-wrap li{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative; width:33%; float:left;min-height:500px;
}
.mark-wrap li .ycon{
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 60px;
}
.mark-wrap li .ctit{
	display: block;
	font-size: 18px;
}
.mark-wrap li .etit{
	display: block;
	font-family: arial;
}
.mark-wrap li .bg{
	width: 100%;
	height: 100%;
	background: #ffa800;
	/*opacity: 0.7;
	filter: alpha(opacity=70);*/
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mark-wrap li .cona{
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	/*margin-top: -190px;*/
	margin-top: -140px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mark-wrap li h2{
	font-size: 32px;
	color: #fff;
}
.mark-wrap li hr{
	display: block;
	width: 30px;
	height: 4px;
	background: #fff;
	border:0;
	margin:13px auto 0;
}
.mark-wrap li h3{
	color: #fff;
	font-size: 14px;
	padding:0 10%;
	margin:50px auto 0;
}
.mark-wrap li .more{
	width: 196px;
	height: 44px;
	line-height: 44px;
	border:2px solid #fff;
	color: #fff;
	font-size: 20px;
	font-family: arial;
	transition: all 500ms ease-in 0ms;
	border-radius: 50px;
	cursor: pointer;
	position: absolute;
	bottom: 11%;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-bottom: 50px;
}
.mark-wrap li .more:hover{
	background: #fff;
	border-color: #fff;
	color: #ffa800;
}

.prob-wrap li .img{
	position: absolute;
	display: block;
}
.prob-wrap li .ycon{
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.prob-wrap li h2{
	font-size: 24px;
	color: #111111;
}
.prob-wrap li .ycon h3{
	font-family: arial;
	color: #111111;
}
.prob-wrap li .ycon hr{
	border:0;
	background: #111111;
	width: 70px;
	height: 1px;
	display: block;
	margin:17px auto 0;
}
.prob-wrap li .con{
	width: 100%;
	background: #fbfbfb;
	text-align: center;
	position: absolute;
	/*bottom: 0;*/
	left: 0;
	padding-top: 20px;
	padding-bottom: 30px;
	
	bottom: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.prob-wrap li .con h4{
	color: #666;
}
.prob-wrap li .con .more{
	width: 128px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border:1px solid #cccccc;
	color: #666666;
	font-family: arial;
	transition: all 500ms ease-in 0ms;
	margin:21px auto 0;
	border-radius: 50px;
}
.prob-wrap li .con .more:hover{
	background: #ebb100;
	color: #fff;
	border-color: #ebb100;	
}

#connews{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#connewsleft{ margin:0; padding:0; width:16%; height:auto;  background:#b4924b;  padding:2%; float:left;margin-top:-80px;z-index:99999; position:relative;}
#connewsleft1{ margin:0; padding:0; width:96%; padding:4% 2% 2% 2%;  height:auto; border-bottom:1px solid #852A30;text-align:left;font-size:20px;font-family:"微软雅黑","宋体";color:#fff; }
#connewsleft2{ margin:0; padding:0; width:96%; padding:4% 2% 0 2%;  height:auto; text-align:right;font-size:18px;font-family:Arial;color:#fff; }
#connewsleft3{ margin:0; padding:0; width:96%; padding:2%;  height:auto; padding-top:20px; padding-bottom:20px;}
#connewsleft3 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#connewsleft3 ul li{ margin:0; padding:0; width:100%; height:auto;}
#connewsleft3 ul li a{ margin:0; padding:0;padding-left:20px; display:block; border-bottom:1px dashed #852A30; padding-top:10px; padding-bottom:10px; height:auto; font-size:14px;color:#fff; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;transition: 600ms; -webkit-transition: 600ms; }
#connewsleft3 ul li a:hover{ color:#fff; background:#852A30; padding-left:40px;	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}

#connewsleft3 ul li.act a{ margin:0; padding:0;color:#fff; background:#852A30; padding-left:40px;	 display:block; border-bottom:1px dashed #852A30; padding-top:10px; padding-bottom:10px; height:auto; font-size:14px;color:#fff; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;transition: 600ms; -webkit-transition: 600ms; }
#connewsleft3 ul li.act a:hover{ color:#fff; background:#852A30; padding-left:40px;	
}



#connewsright{ margin:0; padding:0; width:76%; height:auto; float:right; padding-top:40px; min-height:400px;}
#connewsright1{ margin:0; padding:0; width:100%; height:auto; float:left;padding-top:20px;padding-bottom:20px;text-align:center;font-size:20px;font-family:"微软雅黑","宋体";color:#000;}
#connewsright2{ margin:0; padding:0; width:100%; height:auto; float:left;text-align:left;font-size:14px;font-family:"微软雅黑","宋体";color:#666; line-height:30px;}


.news_info {
	background:#fff;
	padding:40px;
	font-size:14px;
	line-height:30px;
	margin-bottom:40px
}
.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:14px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .prev {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	display:block;
	padding:10px 0 10px 40px;
	color:#ccc
}
.news_info .prev:hover {
	background:url(../images/arrow_l.png) 1% center no-repeat #29A7E2
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:right;
	text-align:right
}
.news_info .next a {
	display:block;
	padding:10px 40px 10px 0;
	color:#ccc
}
.news_info .next:hover {
	background:url(../images/arrow_r.png) 99% center no-repeat #29A7E2
}
.news_info .next:hover a {
	color:#fff
}



.news_info .contentnew{ font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:30px;}

.news_info .contentnew img{ max-width:100%;
}

.news_info .contentnew td{ border:1px solid #ebebeb; padding-left:25px;
}

/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #b4924b;}
.newsType{ text-align: center; padding: 0px;}
.newsType a{ background: url(images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 100%;}
.newsList li{ width: 96%; float: left; display: block; margin:2%;}
.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: auto; overflow: hidden; margin-bottom: 10px; line-height:30px;}
.newItem .t span{ font-size: 12px; color: #888;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 12px; line-height:18px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #AEAEAE; border: 1px solid #AEAEAE;}
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #b4924b;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#b4924b;}





/*team*/
.creative{ padding-bottom:32px; }
.creative-info{ padding:20px 0 30px;border-bottom:1px solid #cccccc;}
.creative-info h3{ display:inline-block; float:left; color:#333333; font-size:18px; font-weight:normal; line-height:1;}
.creative-info small{ display:inline-block; float:left; line-height:1; color:#666666; font-size:14px; margin-left:8px; text-transform:uppercase; font-family:Arial; margin-top:3px; font-weight: normal;}
.creative-list{ padding-top:40px;}
.creative-list li{ width:22.3333%; float:left; margin-right:3.5556%; margin-bottom:20px; position:relative; perspective:400px; overflow:hidden;}
.creative-list li:nth-child(4n+4){ margin-right:0;}
.creative-list li figure{ display:block; line-height:1; overflow:hidden;}
.creative-list li figure img{ display:block; width:100%; height:auto; line-height:0; transform:scale(1.045); -webkit-transform:scale(1.045); -moz-transform:scale(1.045); transition:0.66s;}
.createfix{ width:100%; height:100%; position:absolute; left:0; top:0;}
.createfix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(170,133,65,0.6); background:#aa8541\9; filter:alpha(opacity=60); transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); transition:0.6s; opacity:0; visibility:hidden; transform-origin:left center 0;}
.createb{ width:90%; left:5%; bottom:-100%; position:absolute; opacity:0; visibility:hidden; transition:0.55s 0s;}
.createb span{ display:block; line-height:1; color:#ffffff; font-size:14px; margin-bottom:6px;}
.createb p{ color:#ffffff; font-size:14px; height:68px; line-height:1.4;}
.createb p small{ display:inline-block; padding-left:5px; position:relative; margin-left:5px;}
.createb p small:before{ content:""; width:1px; height:15px; background:#fff; position:absolute; left:0; top:50%; margin-top:-7px;}
.createb b{ display:inline-block; font-weight:normal; padding-left:20px; color:#fff; position:relative;}
.createb b:before{ content:""; width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; transition:0.43s; background:url(images/add2.png) center no-repeat;} 
.createb b:hover{ opacity:0.8; filter:alpha(opacity=80);}
.createb b:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.creative-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.creative-list li:hover .createfix mark{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); opacity:1; visibility:visible;}
.creative-list li:hover .createb{ bottom:32px; opacity:1; visibility:visible;}
.ourteam{ margin-top:24px; padding-bottom:100px;}
.teams{ background:#f9f9f9; padding:85px 0 50px; text-align:center;}
.teams h3{ text-align:center; margin-bottom:48px; color:#333333; font-size:30px; font-weight:normal;}
.teams h3 small{ display:inline-block; color:#666666; font-size:18px; font-family:"Conv_LETTERGOTHICSTD"; text-transform:uppercase; margin-left:10px;}
.doyenfix .desititle{ margin-bottom:0;}
.doyenfix img{ max-width:100%; margin-bottom:16px;}
.teamfx{ padding:0 30px;}
.teamfx p{ color:#666666; font-size:14px; text-align:center; line-height:2;}
.teamimg img{ width:100%; height:auto;}
.teamed{ background:#f5f5f5; height:auto\9 !important;}
.doyen{ position:fixed; left:50%; width:1000px; margin-left:-500px; top:102px;}
.teamwr{ float:right; background:#ffffff; position:relative; z-index:10; width:56%;right: -2%; height:100%; overflow-y:hidden;}
.doyentext{ padding:110px 44px 40px 76px; width:484px;}
.doyen-info{ padding:14px 0 52px; border-top:2px solid #626262;}
.doyen-info p{ color:#666666; font-size:14px;}


#teamzong{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}
#teamleft{ margin:0 auto; padding:0; width:46%; height:auto; float:left; min-height:500px; border-right:1px solid #e3e3e3;}
#teamleft1{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#teamleft1 img{ max-width:100%; height:auto;}
#teamleft2{ margin:0 auto; padding:0; width:100%; height:auto;color:#000;font-size:18px; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none;}
#teamright{ margin:0 auto; padding:0; width:46%; height:auto; float:right;}
#teamright1{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px solid #e3e3e3;font-size:18px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:left; text-decoration:none;}
#teamright2{ margin:0 auto; padding:0; padding-bottom:20px; width:100%; height:auto;font-size:14px; color:#888; font-family:"微软雅黑",宋体,Arial;line-height:28px; text-align:left; text-decoration:none;}



/*case*/

.pw { width: 1200px; margin: 0 auto; position: relative; }
.pronavtwo { overflow: hidden; padding: 55px 0 15px 0; }
.pronavtwo li { overflow: hidden; margin-bottom: 5px; border-bottom:1px dashed #e3e3e3;font-size:14px; line-height:30px; }
.pronavtwo li > span { float: left; color: #333;padding-left:15px; padding-right:15px;  }
.pronavtwo li > span.acc { color: #C68200; }
.pronavtwo li > a { float: left; color: #333; margin-right: 5px; padding-left:15px; padding-right:15px;  font-size:14px; }
.pronavtwo li > a:hover, .pronavtwo li > a.cur { color: #a2192b; }

.pronavtwo li > a.cur { float: left; color: #fff; margin-right: 5px; background:#B2934E;font-size:14px; }



.inner{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; padding-bottom:40px; padding-top:40px;}
.case{ padding:80px 0 100px;}
.case-list{ margin-bottom:52px;}
.case-list li{ width:31.58%; float:left; margin-right:2.63%; margin-bottom:32px; position:relative; overflow:hidden;}
.case-list li:nth-child(3n+3){ margin-right:0;}
.case-list li figure{ display:block; overflow:hidden;}
.case-list li figure img{ display:block; width:100%; height:auto; line-height:1; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transition:0.76s;}
.case-list li h2{ display:block; width:100%; color:#666;font-size:14px; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:center; text-decoration:none;}
.casefix{ width:100%; height:100%; position:absolute; left:0; top:0}
.casefix mark{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;  background:rgba(170,133,65,0.8); background:#aa8541\9; filter:alpha(opacity=80); -webkit-transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transition:transform .45s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition:transform .45s cubic-bezier(.6,0.2,.1,1),-webkit-transform .45s cubic-bezier(.6,0.2,.1,1); transform-origin:left 100%; ransform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.casetext{ width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-138px; opacity:0; visibility:hidden; transition:0.5s 0s; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px);}
.casetext small{ display:block; text-align:center; color:#fff; font-size:20px; padding-bottom:25px; margin-bottom:14px; position:relative; line-height:1; font-family:Arial; text-transform:uppercase;}
.casetext small:before{ content:""; width:1px; height:10px; position:absolute; left:50%; bottom:0; background:#fff;}
.casetext h3{ text-align:center; line-height:1; color:#fff; font-size:18px; margin-bottom:32px; font-weight:normal;}
.casetext p{ text-align:center; color:#fff; padding:0 38px; height:128px; font-size:12px;}
.casetext span{ display:block; width:38px; height:38px; border-radius:50%; border:1px solid #fff; margin:auto; position:relative;}
.casetext span:hover:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.casetext span:before{ content:""; width:20px; height:20px; background:url(images/add1.png) center no-repeat; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:0.4s ease-out;}
.case-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.case-list li:hover .casefix mark{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; visibility:visible\9;}
.case-list li:hover .casetext{ opacity:1; visibility:visible; transition:0.5s 0.2s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.caimg{ position:relative; overflow:hidden;}
.caimg img{ display:block; width:100%; height:auto; line-height:1;}
.case-banner{ padding:66px 0 85px;}
.casetitle{ margin-bottom:40px;}
.casetitle h3{ float:left; line-height:1; color:#333333; font-size:24px; font-weight:normal;}
.casetitle a{ display:block; width:37px; height:37px; background:url(images/sha.png) center no-repeat; float:right; margin-top:2px;}
.casetitle a:hover{ opacity:0.8; filter:alpha(opacity=80);}
.cases{ position:relative; padding-top:30px;}
.cased li{ position:relative; line-height:0;}
.cased li:before{ content:""; width:100%; height:195px; background:url(images/innban.png) left top repeat-x; position:absolute; left:0; bottom:0; z-index:10;}
.cased li img{ width:100%; height:auto; line-height:1;}
.cases .flex-direction-nav{ height:39px; position:absolute; right:42px; bottom:30px; z-index:20;}
.cases .flex-direction-nav li{ float:left; margin-left:93px;}
.cases .flex-direction-nav li:nth-child(1){ margin-left:0;}
.cases .flex-direction-nav li a{ display:block; width:39px; height:39px; text-indent:999px; overflow:hidden;}
.cases .flex-direction-nav li a.flex-prev{ background:url(images/prev1.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-next{ background:url(images/next1.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-prev:hover{ background:url(images/prev2.png) center no-repeat;}
.cases .flex-direction-nav li a.flex-next:hover{ background:url(images/next2.png) center no-repeat;}
.nuble{ position:absolute; right:106px; bottom:41px; z-index:30;}
.nuble span{ display:inline-block; float:left; color:#ffffff; line-height:1;}
.nuble b{ color:#fff; font-weight:normal; margin:0 5px; line-height:1; float:left;}
.casetes{ margin-top:50px; margin-bottom:40px;}
.case-nfos{ float:left; padding-top:26px; border-top:2px solid #707070; width:19.16%; line-height:30px;}
.case-nfos p{ color:#333333; font-size:14px; margin-bottom:5px;}

.case-nfos .case1{ width:100%; height:auto; margin:0; padding:0;  font-size:20px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
.case-nfos .case2{ width:100%; height:auto; margin:0; padding:0;  font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}

.case-nfos:nth-child(2){ width:76.5%; float:right;}

.case-nfos1{ display: none;} 

.casetes td{ border:1px solid #f3f3f3; text-align: left; padding-left: 20px; line-height: 30px; color: #666;}


.kong11{ margin:0 auto; padding:0; width:100%; height:40px;}

#fangan{ margin:0 auto; padding:0; width:100%;  height:auto; padding-bottom:40px; padding-top:40px;}

#fangantitle{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; font-size:24px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none; }
#fangancon{ margin:0 auto; padding:0; width:100%;padding-bottom:40px; padding-top:40px; max-width:1200px; height:auto; font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
#fangancon img{ max-width:100%; height:auto;}

#fangancon td{ border:1px solid #e3e3e3; font-size:12px;line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none;}
#fangancon table{ width:100%;}

#fangancon td.hong{ background:#5b0d11; color:#fff; border:1px solid #e3e3e3; font-size:12px;line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none;}

#fangancon td.hui{ background:#e6e6e6; color:#000; border:1px solid #e3e3e3; font-size:12px;line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none;}

#fangancon td.shen{ background:#cfc4c4; color:#000;font-family:宋体,Arial; border:1px solid #e3e3e3; font-size:12px;line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none;}
#fangancon td.shen1{ background:#cfc4c4; color:#000; border:1px solid #e3e3e3; font-size:12px;line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; text-decoration:none;}
.cc{ font-family:宋体,Arial; font-size:14px;}



#congongdi{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#congongdi1{ margin:0 auto; padding:0; width:100%; height:auto; }
#congongdi11{ margin:0 auto; padding:0; width:46%; height:auto; float:left; }
#congongdi11 img{ max-width:100%; height:auto;}
#congongdi12{ margin:0 auto; padding:0; width:46%; height:auto; float:right; }
#congongdi121{ margin:0 auto; padding:0; width:100%; height:auto; float:left; border-bottom:1px dashed #e3e3e3; font-size:20px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
#congongdi122{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:20px; padding-top:20px; font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}

#congongdi2{ margin:0 auto; padding:0; width:100%; padding-top:30px; height:auto; border-bottom:1px dashed #e3e3e3; font-size:20px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none; }
#congongdi3{ margin:0 auto; padding:0; width:100%; padding-top:15px;  height:auto; float:left; padding-bottom:20px; padding-top:20px; font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}

#content{background:#fff;padding-top:2em;}
#content div{display:none;}
#content h2,#content h3,#content p{margin:0 0 15px 0;}  

.honor2{ margin:0 auto; padding:0; width:100%; height:auto;}
.honor2 dl{ margin:0 auto; padding:0; width:100%; height:auto;}
.honor2 dt{ margin:0 auto; padding:0; width:24%; height:auto; float:left; margin-right:1%; display:block; overflow:hidden;}
.honor2 dt img{ max-width:100%; height:auto; transition:688ms;overflow:hidden;}
.honor2 dt:hover img{transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0);}

.honor3{ margin:0 auto; padding:0; width:100%; height:auto;}
.honor3 dl{ margin:0 auto; padding:0; width:100%; height:auto;}
.honor3 dt{ margin:0 auto; padding:0; width:13%; height:auto; float:left; margin-right:1%; display:block; overflow:hidden;}
.honor3 dt img{ max-width:100%; height:auto; transition:688ms;overflow:hidden;}
.honor3 dt:hover img{transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0);}




/*

#conshebei{}
.zoomed > .gallery{-webkit-filter:blur(3px);filter:blur(3px);}
.gallery{ margin:0 auto; padding:0; width:100%; max-width:1200px;margin:20px auto;}
.gallery li{float:left;margin:10px; width:23%; margin:1%; height:auto;overflow:hidden;display:block; position: relative;}
.gallery li img{ max-width:100%; height:auto;transition:688ms;overflow:hidden;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left; max-width:100%; height:auto;overflow:hidden;display:block;}

.gallery li p{ width:100%; height:auto; display:block;font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:30px;overflow:hidden;}
.gallery li:hover p{ width:100%; height:auto; background:#B50000; display:block;font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:30px;overflow:hidden;}

*/

.env{ margin:0 auto; padding:0; 
	padding-top: 44px;padding-bottom: 44px;
	width:100%; max-width:1200px;
}
.env .env-li{
	width: 500px;
	height: auto;
	padding: 25px;
	border-bottom-right-radius: 50px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	margin: 25px;
	float: left;
	position: relative;
}
.env .env-li .env-img{
	width: 100%;
	display: block;
	height: auto;
	overflow: hidden;
}
.env .env-li .env-img img{
	width: 100%;
	transition-duration:300ms;
}
.env .env-li:hover .env-img img{
	transform:scale(1.04);
}
.env .env-li .env-title{
	width: 100%; height:auto;
	padding-top: 14px;
	line-height: 26px;
	font-size: 18px;
	font-weight: normal; color:#006CB6
}
.env .env-li .env-detail{
	width: 100%; padding-top:20px;
	font-size: 14px;
	color: #999;
	line-height: 22px; 
	height: 180px;
	overflow: hidden;
}
.env .env-li .l-more{
	display: block;
	width: 80px;
	height: 38px;
	position: absolute;
	left:30px;
	bottom: 42px;
	background:#666; color:#FFF;text-align:center;
	transition-duration:300ms;
}
.env .env-li .l-more a{
	background:#666; color:#FFF;width: 80px; text-align:center; line-height:38px;
	transition-duration:300ms;
}

.env .env-li:hover .l-more a{
	background: #333;display: block;
	width: 80px;
	height: 38px;
}



.content .header {padding-bottom: 50px;padding-top: 80px}
#indexPage .content .header {padding-top: 0}
.content .header p {text-align: center;}
.content .header p.title {color: #444;font-size: 26px}
.content .header p.subtitle {color: #c1c1c1;font-size: 16px}
#plheader {padding-bottom: 30px}

#category {text-align: center;padding-bottom: 50px}
#category li {display: inline-block}
#category li.hasmore {height: 107px}
#category li.hasmore div {position: absolute;width: 100%;left: 0}
#category li.hasmore div ul {text-align: center;margin-top: 20px;padding-top: 20px;border-top: rgba(0,0,0,0.10) 1px solid}
#category a {line-height: 16px;height: 16px;padding: 8px 16px;color: #616161;border: #d2d2d2 1px solid;margin-right: 2px;display: inline-block;transition: all 0.3s ease-out 0s;}
#category li.hasmore div ul a {border: none}
#category a.active, #category a:hover {background: #838383;color: #fff;border-color: #838383}
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background: #7d7d7d;color: #fff}
.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}

.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}
.list_page li{
	float:left; 
}

.list_page .next_page, .list_page .disabled, .list_page .thisclass, .list_page .active, .list_page a, .list_page .gap {
	padding:0 30px;
	border:1px solid #d8d8d8;
	border-left:0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#666;
	float:left;text-decoration:none;
	background-color:#f0f0f0
}
.list_page .thisclass, .list_page .active, .list_page a, .list_page .gap {
	width:60px;
	padding:0;
	height:40px;text-decoration:none;
	display:inline-block
}
.list_page .thisclass {
	color:#fff;
	background-color:#B2934E; text-decoration:none;
}
.list_page .active {
	color:#fff;
	background-color:#B2934E; text-decoration:none;
}

.list_page .disabled {
	color:#b4b4b4
}
.list_page .next_page {
	width:auto
}
.page_div {
	height:auto;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.list_page a{
	margin-left:10px;
}
.list_page a:hover {
	background-color:#fff
}
a.prev_page {
	padding:0 30px;
	width:auto
}
.page_div .picnext {
	width:225px;
	height:95px;
	display:none;
	background:url(../images/paging_icon1.png) no-repeat 0 -7px;
	vertical-align:top;
	margin:-22px 0 0 20px
}
.list_page span {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .thisclass, .list_page .active, .list_page a, .list_page .gap {
	float:none;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page li .info{ float:left; font-size:12px; border:0;}


#footcontact{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:30px; padding-top:30px; border-top:1px solid #e3e3e3;}
#footcontactmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#footcontact1{ margin:0 auto; padding:0; width:16%; height:auto; float:left;}
#footcontact11{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:30px;}
#footcontact12{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:14px;color:#888; text-align:left; text-decoration:none; line-height:30px;}
#footcontact2{ margin:0 auto; padding:0; width:16%; height:auto; float:left;}
#footcontact21{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:30px;}
#footcontact3{ margin:0 auto; padding:0; width:30%; padding-right:4%; height:auto; float:left;}
#footcontact31{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
#footcontact32{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:30px;}
#footcontact4{ margin:0 auto; padding:0; width:30%; height:auto; float:left;}
#footcontact41{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
#footcontact42{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:30px;}


#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#323B42; padding-top:30px; padding-bottom:30px; border-top:1px solid #696969;}
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:100%; height:auto; padding-top:30px; float:right;}

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:12%; display:block;   height:auto;   font-size:14px;color:#fff; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%; font-size:14px; color:#fff; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#FEE101;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block;  font-size:14px;color:#ffffff; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block;  font-size:13px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block;  font-size:11px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#FEE101;}


#site2{ margin:0; padding:0; width:20%; height:auto; padding-top:30px; float:left;}
#site21{ margin:0; padding:0; width:100%; height:auto; float:left;  font-size:14px; color:#fff; text-align:left; text-decoration:none; line-height:30px; font-weight: normal;}
#site21 img{ max-width:100%; height:auto;}
#site22{ margin:0; padding:0; width:100%; height:auto; padding-top:10px; float:left;  font-size:11px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}


#foot{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:15px; padding-bottom:15px; border-top:1px solid #696969; background:#273038; font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a{ font-size:14px; color:#fff; text-align:center; text-decoration:none; line-height:30px;}
#foot a:hover{ color:#29A7E2; }

.footmobile{display:none;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#b4924b url(images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#b4924b url(images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#b4924b url(images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_QQ{text-indent:0;background:#b4924b url(images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#b4924b url(images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

@media screen and (max-width:1290px) {
	.head .box{ width:1000px; padding:0 20px;}
	
}



@media screen and (max-width:1050px) {
	.head{ height:60px; overflow:inherit;}
	.head .box{ width:auto; padding:0 20px;}
	.head .logo{ width:190px; margin:5px 0 0 0;}
	.nav{ display:none;}
	.navBtn{ display:block;}
#mainmenu{ display:none;}
	#banner{margin-top:0; }
.pw { width: 100%; margin: 0 auto; position: relative; }

}

@media screen and (max-width:1020px) {
		#ding{ display:none;}
}

@media screen and (max-width:860px) {
.con{
	width: 32%;
}
#banner{margin-top:60px; }
#indexnewsconleft{ margin:0; padding:0; width:96%; padding-left:2%; padding-right:2%; height:auto; float:left;}
#indexnewsconright{ margin:0; padding:0; width:96%; padding-left:2%; padding-right:2%;  height:auto; float:right;}
.gallery li{ width:31%;}
.slx{ display:none;}
.projectsIbox .item { margin:2%; width: 46%; float: left; display: block; position: relative; color: #fff; background-color: #f2f2f2; text-align: center; overflow: hidden; }
.creative-list li{ width:46%; float:left; margin:2%; }

}

@media screen and (max-width:640px) {
#menu{ display:none;}
#conbanner1{display: none;}
#conbanner2{ margin:0 auto; padding:0; width:100%; height:auto; display: block;}
#conbanner2 img{ max-width:100%; height:auto;}


.form-box .input-group{display:block;width:98%;padding-bottom:24px}
.con{
	width: 46%;
}
#connewsleft{ margin:0; padding:0;width:96%; padding-left:2%; padding-right:2%; height:auto;  background:#b4924b;   float:left;margin-top:20px;z-index:99999; position:relative;}
#connewsright{ margin:0; padding:0; width:96%; padding-left:2%; padding-right:2%; height:auto; float:right; padding-top:40px; min-height:400px;}

#indexaboutleft{ margin:0; padding:0; width:96%; padding-left:2%; padding-right:2%; height:auto; float:left;}
#indexaboutrightt{ margin:0; padding:0;width:96%; padding-left:2%; padding-right:2%; height:auto; float:right;}
#site{ display:none;}

.gallery li{ width:48%;}

.case-list li{ width:46%; float:left; margin:1%; margin-bottom:32px; position:relative; overflow:hidden;}
#contactleft{ margin:0 auto; padding:0; width:96%; padding-left:2%; padding-right:2%; height:auto; float:left;}
#contactright{ margin:0 auto; padding:0; width:96%; padding-left:2%; padding-right:2%; height:auto; float:right;}
.list-info { width: 100%; float: left; position: relative; overflow: hidden;  }
.aboutIList li { float: left; display: block; width: 92%; margin:2%; padding:0; line-height: 1.2; }
.tab{margin:10px auto;border:0;}
.tab .title{ margin:0; padding:0; width: 96%; margin:2%; height:30px; float:left;font-size:18px;font-family:"微软雅黑",宋体,Arial; line-height:30px; text-align:left;}
.tab ul.menu{ margin:0; padding:0;height:54px; width: 92%; margin:2%;float:left;}
.tab ul.menu li{float:left;text-align:center;width:80px;height:32px;color:#595758; margin-right:10px; margin-left:10px;;line-height:32px;list-style:none;font-size:14px;cursor:pointer;}
#indexnews1{ margin:0; padding:0; width:96%; margin:2%; height:auto; float:left; }
.tabbox{ display:none;}
.yb_conct{ display:none;}
.case-nfos{ width: 96%; margin:2%;}

.case-nfos:nth-child(2){ width: 96%; margin:2%;}
#congongdi11{ margin:0 auto; padding:0; width: 96%; margin:2%;height:auto; float:left; }
#congongdi12{ margin:0 auto; padding:0; width: 96%; margin:2%;height:auto; float:right; }
#teamleft{ margin:0 auto; padding:0; width: 96%; margin:2%;height:auto; float:left; min-height:500px; border-right:1px solid #e3e3e3;}
#teamright{ margin:0 auto; padding:0; width: 96%; margin:2%; height:auto; float:right;}
.recommend-list >li{ width:96%; float:left; margin:2%; position:relative; perspective:500px;}
#conabout31{ margin:0 auto; padding:0;width: 96%; margin:2%; height:auto; float:left;}
#conabout32{ margin:0 auto; padding:0; width: 96%; margin:2%; height:auto; float:right;font-size:14px;  font-family: "微软雅黑",宋体,Arial; line-height:30px; color:#666; text-align:left;}
.about-concept-r{ display:none;}

.contact .wrap {
  margin: 0 auto;  padding: 0 5%;
width: 94%; margin:2%; 
 
  box-sizing: border-box;
}

.ewm {
 margin: 0 auto;  padding: 0 5%;
width: 94%; margin:2%; 
  box-sizing: border-box;
  text-align: center;
  border-left: 1px #86756f solid;
}


.pi {
  width: 100%;
  box-sizing: border-box;
}
	.loginbg { min-height:700px;
}
.caddr{ float:left;  width: 100%;}
.ckefu{ float:left;  width: 100%;padding:0;}
.ctel{ float:left; width: 100%;padding:0;}
	
.case-nfos1{ display: block;} 
.case-nfos1{ float:left; padding-top:26px; border-top:2px solid #707070; width:96%; line-height:30px; padding-left: 2%; padding-right: 2%;}
.case-nfos1 p{ color:#333333; font-size:14px; margin-bottom:5px;}

.case-nfos1 .case1{ width:100%; height:auto; margin:0; padding:0;  font-size:20px; color:#000; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
.case-nfos1 .case2{ width:100%; height:auto; margin:0; padding:0;  font-size:14px; color:#666; font-family:"微软雅黑",宋体,Arial;line-height:30px; text-align:left; text-decoration:none;}
	

.Box .Box_con .conbox {position: relative;overflow:hidden;}
.Box .Box_con .conbox ul {position: relative;}
.Box .Box_con .conbox ul li {float: left;width: 150px;height: auto;margin:5px;text-align:center;overflow: hidden;}
.Box .Box_con .conbox ul li img {display: block;max-width: 100%;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}	

.footmobile{display:block; position:fixed; bottom: 0; width: 100%; background: #a79650; height: 50px;}
.footmobile1{margin:0 auto; padding: 0; width: 49%; height: 50px; border-right:1px solid #fff; float: left; color: #fff; text-align: center; line-height: 50px; }
.footmobile1  a{  color: #fff; text-align: center; line-height: 50px; }
.footmobile1 img{ padding-right: 15px;}
.footmobile2{margin:0 auto; padding: 0; width: 50%; height: 50px; float: left; color: #fff; text-align: center; line-height: 50px; }
.footmobile2 a{  color: #fff; text-align: center; line-height: 50px; }			
.footmobile2 img{ padding-right: 15px;}	
}
@media screen and (max-width:420px) {

#indexpro41{ margin:0 auto; padding:0; width:32%; height:auto; margin-right:1%; float:left;}
.case-list li{ width:96%; float:left; margin:1%; margin-bottom:32px; position:relative; overflow:hidden;}
.projectsIbox .item { margin: 2%; width: 96%; float: left; display: block; position: relative; color: #fff; background-color: #f2f2f2; text-align: center; overflow: hidden; }
.creative-list li{ width:96%; float:left; margin:2%; }
.tab ul.menu li{float:left;text-align:center;width:60px;height:32px;color:#595758; margin-right:10px; margin-left:10px;;line-height:32px;list-style:none;font-size:14px;cursor:pointer;}
.two_nav {
  overflow: visible; margin-top:1px;
  height: auto;
  background: #b2934e;
  text-align: center;
  font-size: 0; z-index:20;
  width: 100%;
  transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
}
.two_nav li {
  width: 100px;
  margin:0;
  font-size: 16px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.grid{width:92%; margin:2%; padding:2%;font-size:12px;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}

}